.chatRoom{
  width: 700px;
  height: 400px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
  .list{
    flex: 1;
    overflow-y: auto;
    >div{
      padding: 10px;
      display: flex;
      >div{
        order: 0;
        width: 50px;
        span{
          display: block;
          text-align: center;
        }
        img{
          width: 50px;
          height: 50px;
          border-radius: 50%;
        }
      }
      p{
        flex: 1;
        display: flex;
        align-items: center;
        padding: 2px 10px 0;
        &.me{
          order: -1;
          justify-content: flex-end;
        }
      }
    }
  }
  .btm{
    height: 34px;
    display: flex;
  }
}